import ReactDOM from 'react-dom';
import React from 'react';
import { CtrFrom } from './CtrFrom.js'
import { OtherForm } from './OtherForm';
import { NormalFrom } from './NormalFrom'
// import App from './B站评论列表/App.js'
import { Hello } from './Hello.js';
import { Parent } from './父传子/Parent'
import { Parent as Parent1 } from './父传子练习/Parent'
import { Parent as Parent2 } from './子传父/Parent'
import { Parent as Parent3 } from './兄弟组件/Parent'
import { App1 } from './跨组件传递/App1'
import { Hello as Hello1 } from './children属性传值/Hello';
import { Wolild } from './children属性传值/Wolild';
import { App as App2 } from './生命周期函数/App'
import { Counter } from './hooks/Counter';
// import App from './B站评论列表 网络请求/App'
import { SetStatejs } from './setState进阶语法/SetStatejs'
import { UseEffect } from './hooks/UseEffect使用'
import { App as App3 } from './其他hooks/App'
import { Ref } from './其他hooks/Ref'
import App from './B站评论列表Hooks/App'



// ReactDOM.render(<CtrFrom />, document.getElementById('root'));
// ReactDOM.render(<OtherForm />, document.getElementById('root'));
// ReactDOM.render(<NormalFrom />, document.getElementById('root'));
ReactDOM.render(<App />, document.getElementById('root'));
// ReactDOM.render(<Hello
//   name={'ZY'}
//   age={22} likes={['w', 'x', 'q', 'a', 'n']}
//   obj={{ name: 'WXQ', age: '22' }}
//   jsx={<h1>xxx</h1>}
//   fn={() => <h1>fn</h1>} />, document.getElementById('root'));
// ReactDOM.render(<Parent money={1000} />, document.getElementById('root'));
// ReactDOM.render(<Parent1 />, document.getElementById('root'));
// ReactDOM.render(<Parent2 />, document.getElementById('root'));
// ReactDOM.render(<Parent3 />, document.getElementById('root'));
// ReactDOM.render(<App1 />, document.getElementById('root'));
// ReactDOM.render(<Hello1 name={'ZY'}><Wolild /></Hello1>, document.getElementById('root'));
// ReactDOM.render(<App2></App2>, document.getElementById('root'));
// ReactDOM.render(<Time />, document.getElementById('root'));
// ReactDOM.render(<Counter />, document.getElementById('root'));
// ReactDOM.render(<SetStatejs />, document.getElementById('root'));
// ReactDOM.render(<UseEffect />, document.getElementById('root'));
// ReactDOM.render(<App3 />, document.getElementById('root'));
// ReactDOM.render(<Ref />, document.getElementById('root'));






